<template>
    <div class="components-container">
      <button @click="getUEContent()">获取内容</button>
        <div class="editor-container ue_css">
            <UE :defaultMsg=defaultMsg :config=config :id=ue1 ref="ue"></UE>
        </div>
    </div>
</template>
<style>
.info {
    border-radius: 10px;
    line-height: 20px;
    padding: 10px;
    margin: 10px;
    background-color: #ffffff;
}
  .ue_css{
    width: 900px;
    margin:auto
  }
</style>
<script>
import UE from 'cs/admin/editor/ue.vue';
export default {
    components: {
        UE
    },
    data() {
        return {
            defaultMsg: '',
            config: {
                initialFrameWidth: null,
                initialFrameHeight: 350
            },
            ue1: "ue1", // 不同编辑器必须不同的id
//            ue2: "ue2"
        }
    },
    methods: {
        getUEContent() {
            let content = this.$refs.ue.getUEContent(); // 调用子组件方法
            this.$notify({
                title: '获取成功，可在控制台查看！',
                message: content,
                type: 'success'
            });

            // 'error': 'lobibox-error',
            // 'success': 'lobibox-success',
            // 'info': 'lobibox-info',
            // 'warning': 'lobibox-warning',
            // 'confirm': 'lobibox-confirm',
            // 'progress': 'lobibox-progress',
            // 'prompt': 'lobibox-prompt',
            // 'default': 'lobibox-default',
            // 'window': 'lobibox-window'
            // console.log(content)
        }
    }
};
</script>
